<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="renderer" content="webkit|ie-comp|ie-stand" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Cache-Control" content="no-transform"/>
    <title>{$rrz.seo_title}</title>
    <meta name="description" content="{$rrz.seo_description}" />
    <meta name="keywords" content="{$rrz.seo_keywords}" />
    <link href="{env name='website.favicon' /}" rel="shortcut icon" />
    {skin href="skin/css/cui.css,skin/css/lib.css,skin/css/rrz.css,skin/css/less.css" /}
    {skin href="skin/js/jquery.js,skin/js/rrz.js" /}
</head>
<body>
    {include file="block/header" /}
    <div class="clear"></div>
    <!--ads_start-->
    <div class="banner wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
        <!--item(%IMAGES%/banner1.jpg※https://www.baidu.com/)-->
        <div class="item" style="background-image: url('%IMAGES%/banner1.jpg');" onClick="window.location.href='https://www.baidu.com/'">
            <div class="con"></div>
        </div>
        <!--item_end-->
        <!--item(%IMAGES%/banner2.jpg※https://www.baidu.com/)-->
        <div class="item" style="background-image: url('%IMAGES%/banner2.jpg');" onClick="window.location.href='https://www.baidu.com/'">
            <div class="con"> </div>
        </div>
        <!--item_end-->
    </div>
    <!--ads_end-->
    <div class="main">
        {menu id="3"}
        <div class="row-a1">
            <div class="wp">
                <div class="col-l">
                    <div class="snv wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".1s">
                        <h3>产品分类</h3>
                        {sons}
                        <ul>
                            {foreach $sons.list as $item}
                            <li> <a href="{$item.url}" class="a1"><span>{$item.title}</span></a></li>
                            {/foreach}
                        </ul>
                        {/sons}
                    </div>
                </div>
                <div class="col-r">
                    <div class="g-tit1 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                        <h3>{$menu.title}<span></span></h3>
                        <a href="{$menu.url}" class="more">查看更多</a>
                    </div>
                    <ul class="ul-imgtxt1 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
                        {goods limit="6" }
                        <li>
                            <a href="{$item.url}" title="{$item.name}">
                                <div class="pic"> <img src="{$item.img}" alt="{$item.name}"> </div>
                                <h4>{$item.name|text_msubstr=20}</h4>
                            </a>
                        </li>
                        {/goods}
                    </ul>
                </div>
            </div>
        </div>
        {/menu}
        <!--img(%IMAGES%/banner3.jpg)-->
        <div class="row-a2 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s" style="background-image: url('%IMAGES%/banner3.jpg');"></div>
        <!--img_end-->

        {menu id="4"}
        <div class="row-a3">
            <div class="wp">
                <div class="g-tit1">
                    <h3 class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".1s">{$menu.title}<span></span></h3>
                    <a href="{$menu.url}" class="more wow fadeInRight" data-wow-duration="1s" data-wow-delay=".1s">查看更多</a>
                </div>
                <div class="m-imgtxt1 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                    <div class="slider">
                        {articles limit="10"}
                        <div class="item">
                            <a href="{$item.url}"  title="{$item.title}">
                                <div class="pic"> <img src="{$item.img}" alt="{$item.title}"> </div>
                                <h4><span>{$item.title|text_msubstr=20}</span></h4>
                            </a>
                        </div>
                        {/articles}
                    </div>
                    <a href="{$menu.url}" class="m-more">查看更多</a> </div>
            </div>
        </div>
        {/menu}

        <div class="row-a4" >
            <div class="m-list02 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".7s">
                <div class="wp">
                    <ul class="ul-count">
                        <li>
                            <!--texts(现在温室及花卉大型基地※30000※万平方米)-->
                            <div class="txt"><span>万平方米</span><em class="timer" data-to="30000" data-speed="2500">30000</em>
                                <p>现在温室及花卉大型基地</p>
                            </div>
                            <!--texts_end-->
                        </li>
                        <li>
                            <!--texts(现在花卉租摆数量※60000※余盆)-->
                            <div class="txt"> <span>余盆</span> <em class="timer" data-to="60000" data-speed="2500">60000</em>
                                <p>现在花卉租摆数量</p>
                            </div>
                            <!--texts_end-->
                        </li>
                        <li>
                            <!--texts(大型花卉景观设计施工※40※余个)-->
                            <div class="txt"> <span>余个</span> <em class="timer" data-to="40" data-speed="2500">40</em>
                                <p>大型花卉景观设计施工</p>
                            </div>
                            <!--texts_end-->
                        </li>
                        <li>
                            <!--texts(长期室内植物租摆客户余家※200※余家)-->
                            <div class="txt"> <span>余家</span> <em class="timer" data-to="200" data-speed="2500">200</em>
                                <p>长期室内植物租摆客户余家</p>
                            </div>
                            <!--texts_end-->
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        {menu id="1"}
        <div class="row-a5">
            <div class="wp">
                <div class="g-tit1 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                    <h3>{$menu.title}<span></span></h3>
                </div>
                <div class="m-imgxtxt2">
                    <!--img(%IMAGES%/gywm.jpg)-->
                    <div class="pic" data-wow-duration="1s" data-wow-delay=".3s"> <img src="%IMAGES%/gywm.jpg" alt="{$menu.title}"> </div>
                    <!--img_end-->
                    <div class="txt wow fadeInRight" data-wow-duration="1s" data-wow-delay=".3s">
                        <h3>{env name="webinfo.name" /}</h3>
                        <p>{article }{$article.content|html_msubstr=###,0,155}...{/article}</p>
                    </div>
                </div>
            </div>
        </div>
        {/menu}

        {menu id="2"}
        <div class="row-a6">
            <div class="m-tit2 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                <h3><span>{$menu.title}</span></h3><em></em>
            </div>
            <div class="wp">
                <ul class="ul-news01 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
                    {articles limit="5" }
                    <li>
                        <div class="time">
                            <span>{$item.add_time|date='d'}</span><em>{$item.add_time|date='Y-m'}</em>
                        </div>
                        <div class="txt">
                            <h3><a href="{$item.url}"  title="{$item.title}">{$item.title|text_msubstr=20}</a></h3>
                            <p>{$item.brief|html_msubstr=0,60,true}</p>
                        </div>
                    </li>
                    {/articles}
                </ul>
            </div>
        </div>
        {/menu}

        <!-- 友情链接 -->
        <div class="row-a8 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
            <div class="wp">
                <!--texts(友情链接:)-->
                <div class="m-link1 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
                    <div class="item"><span>友情链接:</span>
                        <ul class="ul-link1">
                            {links}
                            <li><a href="{$item.url}" target="{$item.target}">{$item.title|text_msubstr=45} </a></li>
                            {/links}
                        </ul>
                    </div>
                </div>
                <!--texts_end-->
            </div>
        </div>
        <!-- 友情链接-end -->

    </div>

    {include file="block/footer" /}
    {skin file="skin/css/animate.min.css,skin/css/slick.css" /}
    {skin file="skin/js/count.js,skin/js/wow.min.js,skin/js/slick.min.js" /}
    <script>
        (function () {
            // 初始化wow.js
            var wow = new WOW({
                boxClass: 'wow',
                animateClass: 'animated',
                offset: 0,
                mobile: false,
                live: true
            });
            if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
                wow.init();
            };

            $(document).ready(function() {
                $('.banner').slick({
                    dots: true,
                    arrows: true,
                    autoplay: true,
                    autoplaySprrd: 3000,
                    slidesToShow: 1,
                });
                $('.m-imgtxt1 .slider').slick({
                    dots: false,
                    arrows: true,
                    rows: 2,
                    slidesToShow: 3,
                    slidesToScroll: 3,
                    responsive: [
                        {
                            breakpoint: 1199,
                            settings: {
                                arrows: false,
                            }
                        },
                        {
                            breakpoint: 767,
                            settings: {
                                slidesToShow: 2,
                                slidesToScroll: 2,
                                arrows: false,
                            }
                        },
                    ]
                });
            });
        })();
    </script>
</body>
</html>